<template>
  <div class="page-marketing-distribution">
    <el-tabs>
      <el-tab-pane :label="$t('distribution.basicSettings')">
        <distribution-basic-set ref="basicRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('distribution.promotionSettings')">
        <distribution-recruit-set />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import DistributionBasicSet from './components/distribution-basic-set.vue'
import DistributionRecruitSet from './components/distribution-recruit-set.vue'
</script>

<style scoped lang="scss">
.page-marketing-distribution {
  :deep(.component-marketing-distribution-item ){
    .form-item {
      .title {
        font-weight: bolder;
        margin: 10px 0 20px 0;
        font-size: 14px;
      }
      .form-item-content {
        padding-left: 30px;
      }
      .tips {
        font-size: 14px;
        color: #999;
      }
    }
  }
}
</style>
